@font-face {

    font-family: "Roboto-Regular";

    src: url("https://images.hanlonsonline.co.uk/Stockton/fonts/Roboto-Regular.otf");

    font-weight: 700;

    font-style: normal;

}

div.dt-container div.dt-length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    color: #000 !important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: 'Roboto';
    color: #000 !important;
}

img#headerimage {
    width: 150px;
}

.navbar {
    margin-bottom: 0px;
}

div#ctl00_MainDiv {
    padding-bottom: 50px;
    background: #f3f3f3;
    min-height: 41vw;
}

div#ctl00_CustomWrapper {
    background: #f3f3f3;
}

p {
    margin: 0 0 10px;
    font-family: 'Roboto';
}

p.tile-news-item-date {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
}

.navbar-nav.ms-auto {
    margin-left: 15% !important;
    margin-top: 16%;
}

nav.navbar.navbar-expand-lg {
    background-image: url("https://images.hanlonsonline.co.uk/Stockton BS5/images/Stockton Header V3.jpg");
    height: 250px;
    background-size: cover;
    border-color: #080808;
}

ul.navbar-nav.ms-auto a {
    text-decoration: none;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    margin-top: 30px;
}

ul.navbar-nav.ms-auto a {
    color: #fff;
    font-family: 'Roboto';
    font-size: 1.25em;
    padding-bottom: 0px;
    padding: 10px;
}

div#loginRegister {
    float: right;
    list-style: none;
    display: inline-flex;
    margin-right: 30px;
    margin-top: 20px;
}

a.login-link {
    color: #ffffff;
    font-family: 'Roboto';
    font-size: 1.25em;
    border: 2px solid #fff;
    padding: 15px;
    border-radius: 8px;
}

li#login-btn {
    margin-top: 5%;
}

a.login-link:hover {
    background-color: #C8D300;
    transition: 0.6s;
}

#home:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

#about:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    font-size: 1.25em;
    color: #333;
    white-space: nowrap;
}

a#opportunities {
    margin-top: 0px;
}

a#opportunitiesTwo {
    margin-bottom: -5px;
}

#opportunities:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

#opportunitiesTwo:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

#employers:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

/* li#FindOpportunityListItem {
    margin-top: -5px;
} */
#training:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

#support:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

#casestudies:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

#news:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

#events:hover {
    color: #fff;
    background-color: #C8D300;
    transition: 0.6s;
    padding-bottom: 17px;

}

img#facebook {
    width: 22%;
}

img#linkedin {
    width: 22%;
    margin-left: 5%;
    border-radius: 8px;
}

img#instagram {
    width: 22%;
    margin-left: 5%;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #C8D300;
}

a.link {
    color: #000;
    text-decoration: underline;
}

.navbar-header {
    float: left;
    width: 100%;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #000;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #000;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #008444;
}

img#imgOne {
    width: 500px;
}

h1 {
    /* text-shadow: 0px 0px 20px #fff, 1px 3px 20px #fff, 0 0 0px #008444, 0 0 0px #008444, 0 0 20px #008444, 0px 2px 8px #008444, 0 0 2px #008444; */
    color: #008444;
}

h1#headerTitle {
    text-shadow: 0px 0px 20px #fff, 1px 3px 20px #fff, 0 0 0px #008444, 0 0 0px #008444, 0 0 20px #008444, 0px 2px 8px #008444, 0 0 2px #008444;
    color: #fff;
    margin-left: 30px;
}

h2.benefitsText {
    /* text-shadow: 0px 0px 20px #fff, 1px 3px 20px #fff, 0 0 0px #008444, 0 0 0px #008444, 0 0 20px #008444, 0px 2px 8px #008444, 0 0 2px #008444; */
    color: #008444;
    font-family: 'Roboto';
}

/* a:hover, a:focus {
    color: #23527c;
    text-decoration: none;
    background:  #C8D300;
} */
/* a.register-link {
    color: #ffffff;
    font-family: 'Roboto';
    font-size: 1.25em;
} */

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #008444 !important;
    border-color: #008444 !important;
}

a#btn1 {
    margin-top: 20px !important;
    background-color: #008444 !important;
    font-family: 'Roboto';
    font-size: 1.25em;
}

a#btn1:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

a#btn2 {
    margin-top: 20px !important;
    background-color: #008444 !important;
    font-family: 'Roboto';
    font-size: 1.25em;
}

a#btn2:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

a#btn3 {
    background-color: #008444 !important;
    font-family: 'Roboto';
    font-size: 1.25em;
}

a#btn3:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

h1.registerTitle {
    color: #000;
    font-family: 'Roboto';
    /* text-shadow: 0px 0px 20px #000, 1px 3px 20px #fff, 0 0 0px #000, 0 0 0px #000, 0 0 20px #000, 0px 2px 8px #000, 0 0 2px #000; */
}

h1#PageHeaderLabel {
    font-family: 'Roboto';
    /* text-shadow: 0px 0px 20px #fff, 1px 3px 20px #fff, 0 0 0px #008444, 0 0 0px #008444, 0 0 20px #008444, 0px 2px 8px #008444, 0 0 2px #008444; */
    color: #008444;
}

h2#PageFilterLabel {
    color: #000000;
    font-family: 'Roboto';
}

.panel.panel-primary.text-center {
    min-height: 250px;
}

.dxeBase_Material {
    font-family: 'Roboto' !important;
    color: #000;
    font-weight: 900;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: 'Roboto';
    color: #000000;
}

.btn-primary {
    color: #fff;
    background-color: #008444;
    border: 2px solid #000000;
}

.btn-primary:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

th.sorting_asc {
    background: #008444;
    color: #fff;
}

th.sorting {
    background: #008444;
    color: #fff;
}

th.sorting_disabled {
    background: #008444;
    color: #fff;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #000;
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    font-family: 'Roboto';
}

.tile-news-item-image-div {
    border: 3px solid #008444;
    padding: 10px;
    min-height: 470px;
}

a.tile-news-item-title {
    color: #000000;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto';
}

/* span {
    font-family: 'Roboto';
    color: #000000;
} */
span#VacanciesTableOpportunityHeaderLabel {
    color: #fff !important;
}

span#VacanciesTableTypeHeaderLabel {
    color: #fff !important;
}

span#VacanciesTableSalaryHeaderLabel {
    color: #fff !important;
}

span#VacanciesTableHoursHeaderLabel {
    color: #fff !important;
}

span#VacanciesTablePostcodeHeaderLabel {
    color: #fff !important;
}

span#VacanciesTableClosesHeaderLabel {
    color: #fff !important;
}

span#VacanciesTableTownHeaderLabel {
    color: #fff !important;
}

span#VacanciesTableViewHeaderLabel {
    color: #fff !important;
}

.tile-news-item-image-div {
    border: 3px solid #008444;
    padding: 10px;
    min-height: 470px;
    background: #f3f3f3;
}

a.tile-news-item-title:hover {
    color: #C8D300;
    transition: 0.6s;
}

h1#ctl00_mCPH_ArticleTitle {
    font-family: 'Roboto';
}

#ctl00_mCPH_divHeader {
    padding-bottom: 10px;
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: bold;
    color: #008444;

    /* text-shadow: 0px 0px 20px #000, 1px 3px 20px #fff, 0 0 0px #000, 0 0 0px #000, 0 0 20px #000, 0px 2px 8px #000, 0 0 2px #000; */
}

hr.vacancy-panel-divider {
    background: linear-gradient(to right, #008444, #C8D300);
    height: 2px;
}

div#ctl00_mCPH_divSubHeader {
    font-size: 18px;
    font-family: 'Roboto';
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    background-color: #008444 !important;
    color: #fff !important;
    font-size: 18px;
}

button.gm-control-active.gm-fullscreen-control {
    background: #fff !important;
}

button.gm-control-active {
    background: #fff !important;
}

input#btnRegister:hover {
    background-color: #C8D300;
}

.HeaderRowTitle {
    display: none;
}

a#elementLabel1 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel2 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel3 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel4 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel5 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel6 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel7 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel8 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel9 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel10 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel11 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel12 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel13 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel14 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel15 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel16 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel17 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel18 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel19 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

a#elementLabel20 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    font-family: 'Roboto';
}

span#ctl00_mCPH_ctrl1_lblMandatory {
    font-family: 'Roboto';
    font-weight: 900;
}

span#ctl00_mCPH_ctrl2_lblMandatory {
    font-family: 'Roboto';
    font-weight: 900;
}

span#ctl00_mCPH_ctrl3_lblMandatory {
    font-family: 'Roboto';
    font-weight: 900;
}

span#ctl00_mCPH_ctrl4_lblMandatory {
    font-family: 'Roboto';
    font-weight: 900;
}

span#ctl00_mCPH_ctrl6_lblMandatory {
    font-family: 'Roboto';
    font-weight: 900;
}

span#ctl00_mCPH_ctrl10_lblMandatory {
    font-family: 'Roboto';
    font-weight: 900;
}

span#ctl00_mCPH_ctrl11_lblMandatory {
    font-family: 'Roboto';
    font-weight: 900;
}

input.btn.btn-secondary {
    background: #008444;
    border: 2px solid #000;
    color: #fff !important;
    font-size: 18px;
}

input#btnProceedToWizard {
    font-size: 18px;
}

input#btnProceedToWizard:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

input.btn.btn-secondary:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0;
    font-family: 'ROboto';
}

button#C5D02FBD-1EE8-441F-AB01-4E301BEFB58F {
    background: #008444 !important;
}

table#VacancyOverviewDetailsTable {
    font-size: 18px;
}

span#ctl00_mCPH_VacancyName {
    color: #000;
}

span#ctl00_mCPH_VacancyTypeName {
    color: #000;
}

span#ctl00_mCPH_VacancyReference {
    color: #000;
}

span#ctl00_mCPH_VacancyFormOfEmployment {
    color: #000;
}

span#ctl00_mCPH_VacancySalary {
    color: #000;
}

span#ctl00_mCPH_VacancyHours {
    color: #000;
}

span#ctl00_mCPH_VacancyPublishDate {
    color: #000;
}

span#ctl00_mCPH_VacancyClosingDate {
    color: #000;
}

.alert-info {
    color: #000;
    background-color: transparent;
    border-color: #000;
    border: 2px solid #000;
    font-size: 18px;
}

input#ctl00_mCPH_ApplyButton:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

input#OpenGoogleDirectionsButton:hover {
    background-color: #C8D300 !important;
    transition: 0.6s;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #008444;
    border-color: #337ab7;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family: 'Roboto';
    font-size: 18px;
}

table {
    background-color: transparent;
    width: 100% !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    font-family: 'Roboto' !important;
    color: #000 !important;
}

i.fas.fa-angle-up {
    color: #008444;
}

div#ctl00_mCPH_NewsFeedTileControl_LocationFilterPanel {
    display: none;
}

a.btn.btn-primary.training-course-panel-applybutton.link {
    color: #fff;
    text-decoration: none;
}

img#headerOne {
    width: 100%;
    margin-left: 20px;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgb(0 0 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.socials {
    margin-left: 20px;
}

.green-gradient-block {
    /* background: linear-gradient( 0deg , rgba(175,202,10,1) 22%, rgba(255,255,255,1) 100%); */
    padding-top: 0px;
    padding-bottom: 50px;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: -50px;
}

a.btn.btn-link.btn-vacancy-link {
    color: #000;
    text-decoration: underline;
    font-size: 24px;
}

.boxOne {
    border: 2px solid #008444;
    padding: 10px;
}

h2.getSkilled {
    font-size: 60px;
    color: #008444;
}

h2.card-header.heading {
    display: none;
}

a#ShowAddressInputButton {
    text-decoration: underline;
    font-weight: bold;
}

a#ShowGoogleAddressInputButton {
    text-decoration: underline;
    font-weight: bold;
}

a#ClearAddressButton {
    text-decoration: underline;
    font-weight: bold;
}

.fa-facebook-f:before {
    content: "\f39e";
    color: #fff !important;
    font-size: 32px;
}

.fa-linkedin-in:before {
    content: "\f0e1";
    color: #fff !important;
    font-size: 32px;
    margin-left: 10px;
}

.fa-instagram:before {
    content: "\f16d";
    color: #fff !important;
    font-size: 32px;
    margin-left: 10px;
}

label#ctl00_mCPH_UsernameInputLabel {
    color: #000 !important;
}

label.form-label {
    color: #000 !important;
}

@media only screen and (min-width: 2561px) and (max-width: 3840px) {
    .firstPanel {
        min-height: 835px !important;
    }

    .secondPanel {
        min-height: 835px !important;
    }

    p#textOne {
        float: left;
        margin-left: 22px;
        font-size: 2em !important;
    }

    p#textTwo {
        margin-left: 22px;
        font-size: 2em !important;
        text-align: left;
        float: left;
    }
}

@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .navbar-inverse {
        height: 300px;
    }

    .navbar-inverse .navbar-nav>li>a {
        font-size: 24px;
    }

    ul.nav.navbar-nav {
        margin-top: 6%;
    }
}

@media only screen and (min-width: 1537px) and (max-width: 1920px) {
    img#headerOne {
        margin-left: 0%;
    }

    .navbar-inverse {
        width: 100% !important;
        height: 230px;
    }

    ul.nav.navbar-nav {
        margin-left: 25% !important;
        margin-top: 6% !important;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        margin-top: 0px;
        /* margin-left: 15%; */
    }


}

@media only screen and (max-width: 1918px) {
    /* ul.nav.navbar-nav {
        margin-left: 24% !important;
    } */

    .navbar-inverse {
        width: 100% !important;
        height: 200px;
    }
}

@media only screen and (min-width: 1865px) and (max-width: 1917px) {
    .navbar-inverse {
        width: 100% !important;
        height: 235px;
    }

    ul.nav.navbar-nav {
        margin-left: 25% !important;
        margin-top: 6% !important;
    }

}

@media only screen and (min-width: 1565px) and (max-width: 1650px) {
    ul.nav.navbar-nav {
        margin-left: 20% !important;
        margin-top: 4% !important;
    }
}

@media only screen and (min-width: 1535px) and (max-width: 1536px) {
    ul.nav.navbar-nav {
        margin-left: 19% !important;
        margin-top: 4%;
    }

    nav.navbar.navbar-expand-lg {
        height: 210px;
        background-size: cover;
    }
}

@media only screen and (min-width:1441px) and (max-width: 1534px) {
    ul.nav.navbar-nav {
        margin-left: 20% !important;
    }
}

@media (min-width: 992px) {
    .col-md-7 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1440px) {
    .navbar-inverse {
        height: 190px;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        margin-top: 20px;
    }

    nav.navbar.navbar-expand-lg {
        height: 185px;
        background-size: cover;
        border-color: #080808;
    }

    .navbar-nav.ms-auto {
        margin-left: 15% !important;
        margin-top: 13%;
        font-size: 14px;
    }

    #home:hover {
        padding-bottom: 4px;

    }

    #about:hover {
        padding-bottom: 4px;

    }

    #opportunities:hover {
        padding-bottom: 4px;

    }

    #opportunitiesTwo:hover {
        padding-bottom: 4px;

    }

    #employers:hover {
        padding-bottom: 11px;

    }

    #training:hover {
        padding-bottom: 11px;

    }

    #support:hover {
        padding-bottom: 11px;

    }

    #casestudies:hover {
        padding-bottom: 11px;

    }

    #news:hover {
        padding-bottom: 11px;

    }

    #events:hover {
        padding-bottom: 11px;

    }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .navbar-inverse {
        height: 160px;
    }

    ul.nav.navbar-nav {
        margin-top: 3%;
    }

    #home:hover {
        padding-bottom: 4px;

    }

    #about:hover {
        padding-bottom: 4px;

    }

    #opportunities:hover {
        padding-bottom: 4px;

    }

    #opportunitiesTwo:hover {
        padding-bottom: 4px;

    }

    #employers:hover {
        padding-bottom: 11px;

    }

    #training:hover {
        padding-bottom: 11px;

    }

    #support:hover {
        padding-bottom: 4px;

    }

    #casestudies:hover {
        padding-bottom: 4px;

    }

    #news:hover {
        padding-bottom: 4px;

    }

    #events:hover {
        padding-bottom: 4px;

    }

    ul.nav.navbar-nav {
        margin-left: 15% !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1118px) {
    ul.nav.navbar-nav {
        margin-left: 7% !important;
    }
}

@media only screen and (max-width: 1024px) {
    li#login-btn {
        margin-top: -5%;
    }

    nav.navbar.navbar-expand-lg {
        height: 135px;
        background-size: cover;
        border-color: #080808;
    }

    .navbar-nav.ms-auto {
        margin-left: 12% !important;
        margin-top: 13%;
        font-size: 14px;
    }

    ul.navbar-nav.ms-auto a {
        font-size: 1em;
        padding: 1px;
    }

    .navbar-inverse {
        background-size: cover;
        height: 140px !important;
    }

    .dropdown-menu>li>a {
        font-size: 1em;
    }

    img#facebook {
        width: 40%;
    }

    img#linkedin {
        width: 40%;
        border-radius: 4px;
    }

    img#instagram {
        width: 40%;
    }
}

@media only screen and (max-width: 956px) {
    .navbar-inverse {
        height: 120px !important;
    }

    ul.nav.navbar-nav {
        margin-left: 10% !important;
        margin-top: 3%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 948px) {
    .navbar-inverse .navbar-nav>li>a {
        font-size: 12px;
    }

    ul.nav.navbar-nav {
        margin-left: 0% !important;
        margin-top: 2%;
    }

    .navbar-inverse {
        height: 100px !important;
    }
}

@media only screen and (max-width: 768px) {
    nav.navbar.navbar-expand-lg {
        height: 400px;
    }

    li#login-btn {
        margin-top: -10%;
    }

    a.login-link {
        padding: 5px;
    }

    li#login-btn {
        margin-top: 0;
        margin-left: 12%;
    }

    .navbar-nav.ms-auto {
        margin-left: 15% !important;
        margin-top: 0%;
        font-size: 18px;
    }

}

@media only screen and (max-width: 766px) {
    .navbar-inverse {
        background-size: auto;
        height: auto !important;
    }
}

@media only screen and (max-width: 425.60px) {
    .navbar-inverse .navbar-nav>li>a {
        text-align: center;
    }

    .navbar-header {
        float: left;
        width: 85%;
    }
}

@media only screen and (max-width: 425px) {
    li#login-btn {
        margin-top: -7% !important;
        margin-left: -77% !important;
    }

    #collapse {
        position: absolute;
        z-index: 1;
    }

    .navbar-nav.ms-auto {
        margin-left: 15% !important;
        margin-top: -5%;
        font-size: 18px;
    }

    img#headerimage {
        width: 100%;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
        /* left: 40% !important; */
    }

    li#login-btn {
        margin-top: -13% !important;
        margin-left: 12% !important;
    }

    a.login-link {
        padding: 7px;
    }

    ul.nav.navbar-nav {
        margin-left: -5% !important;
    }

    .carousel-item {
        width: 200px !important;
        margin-left: 0% !important;
    }

    h1.carouselTitleOne {
        font-size: 20px;
    }

    p.carouselTextOne {
        font-size: 20px;
    }

    h1.carouselTitleTwo {
        font-size: 20px;
    }

    p.carouselTextTwo {
        font-size: 20px;
    }

    h1.carouselTitleThree {
        font-size: 20px;
    }

    p.carouselTextThree {
        font-size: 20px;
    }

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-top: 40px;
    }

    .navbar-inverse {
        background-size: auto;
        height: auto !important;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        margin-top: 50px;
    }

    .navbar-header {
        width: 100%;
    }

    a#opportunities {
        text-align: center;
        color: #fff;
    }

    a#opportunitiesTwo {
        text-align: center;
        color: #fff;
    }

    ul.dropdown-menu {
        margin-left: -15px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 375px) {

    .navbar-inverse .navbar-toggle {
        border-color: #333;
        /* left: 47% !important; */
    }

    a.btn.btn-primary.action-panel-button.btn-block {
        font-size: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .navbar-inverse .navbar-toggle {
        border-color: #333;
        /* left: 57% !important; */
    }

    a.login-link {
        padding: 2px;
    }

    li#login-btn {
        margin-top: -18% !important;
        margin-left: 12% !important;
    }
}